<template>
	<el-form-item>
          <el-date-picker type="date"    
                  v-model="dateModel" 
									:placeholder=placeholder
									value-format="yyyy-MM-dd" 
									format="yyyy-MM-dd"
                  @change="dateChange"
									:style="{width: '130px'}">
					</el-date-picker>
          
</el-form-item>
</template>

<script>
  export default {
    name: 'SDate',
    props: {
      placeholder: "",
      p:""
   
    },
    data() {
      return {
            dateModel:this.p
      }
    },
    methods: {
      dateChange:function (){ 
        this.$emit('dateChange', this.dateModel)


      }
    }
  }
</script>
<style scoped lang="scss">
.action:hover {
  background: #636b6931;
}
</style>